<!DOCTYPE html>
<html>
<head>
  <title>预防针预约系统</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
  <style>
    /* Make the image fully responsive */
    .carousel-inner img {
        width: 100%;
        height: 100%;
    }
    </style>
</head>
<body style="background-color: rgb(122, 206, 122);">

<nav class="navbar navbar-expand-md bg-success navbar-dark fixed-top">
    <a class="navbar-brand" href="index.html">首页</a>
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#collapsibleNavbar">
        <span class="navbar-toggler-icon"></span>
    </button>
    <div class="collapse navbar-collapse" id="collapsibleNavbar">
        <ul class="navbar-nav justify-content-center">
            <!-- <li class="nav-item">
              <a class="navbar-brand" href="#">首页</a>
            </li> -->
            <li class="nav-item">
                <a class="navbar-brand" href="#">进行预约</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">预约进度</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">个人中心</a>
              </li>
              <li class="nav-item">
                <a class="navbar-brand" href="#">注销</a>
              </li>
        </ul>
    </div>
</nav>
<div class="container" style="margin-top:65px;padding: 0 0;">
    <!-- 轮播图 -->
    <div id="demo" class="carousel slide" data-ride="carousel">
        <!-- 指示符 -->
        <ul class="carousel-indicators">
            <li data-target="#demo" data-slide-to="0" class="active"></li>
            <li data-target="#demo" data-slide-to="1"></li>
            <li data-target="#demo" data-slide-to="2"></li>
        </ul>
         <!-- 轮播图片 -->
        <div class="carousel-inner">
            <div class="carousel-item active">
                <img src="lunbo1.jpg">
                <div class="carousel-caption">
                    <!-- <h5>第一张图片描述标题</h5>
                    <p>描述文字!</p> -->
                </div>
            </div>
            <div class="carousel-item">
                <img src="lunbo2.jpg">
                <div class="carousel-caption">
                    <!-- <h5>第二张图片描述标题</h5>
                    <p>描述文字!</p> -->
                </div>
            </div>
            <div class="carousel-item">
                <img src="lunbo3.jpg">
                <div class="carousel-caption">
                    <!-- <h5>第三张图片描述标题</h5>
                    <p>描述文字!</p> -->
                </div>
            </div>
        </div>
        <!-- 左右切换按钮 -->
        <a class="carousel-control-prev" href="#demo" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
        </a>
        <a class="carousel-control-next" href="#demo" data-slide="next">
            <span class="carousel-control-next-icon"></span>
        </a>
    </div>
    <div class="bg-light fixed-bottom " style="margin-bottom:0;padding: 0 0;">
        <div>
            <p class="text-center">@2020-tch</p>
        </div>
    </div>
<div class="container" style="padding: 0 1;margin-top: 5px; ">
    <div class="card border-0" style="background-color: rgb(128, 230, 128);">
        <div class="card-body border-0">
            <div class="row">
                <div class="col-4" >
                    <a href="yuyue.html"><img src="icon/yuyue.png" class="img-thumbnail" alt="Cinque Terre" style="BACKGROUND-COLOR: transparent;"></a>
                    <p class="text-center">进行预约</p>
                </div>
                <div class="col-4">
                    <a href="demo.html"><img src="icon/jieguochaxun.png" class="img-thumbnail" alt="Cinque Terre" style="BACKGROUND-COLOR: transparent;"></a>
                    <p class="text-center">预约进度</p>
                </div>
                <div class="col-4">
                    <a href="qingdan.html"><img src="icon/jilu.png" class="img-thumbnail" alt="Cinque Terre" style="BACKGROUND-COLOR: transparent;"></a>
                    <p class="text-center">预约清单</p>
                </div>
                <div class="col-4">
                    <a href="haizi.html"><img src="icon/haizi.png" class="img-thumbnail" alt="Cinque Terre" style="BACKGROUND-COLOR: transparent;"></a>
                    <p class="text-center">孩子信息</p>
                </div>
                <div class="col-4">
                    <a href="me.html"><img src="icon/geren2.png" class="img-thumbnail" alt="Cinque Terre" style="BACKGROUND-COLOR: transparent;"></a>
                    <p class="text-center">个人中心</p>
                </div>
                
            </div>
        </div>
    </div>
</div>
</body>
<script>
    
</script>
</html>